<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			ul{
				padding: 0;
				margin: 0;
				list-style: none;
			}
			ul li{
				width: 380px;
				height: 170px;
				border-top: 2px solid #000;
				margin-top: 2px;
			}
			.bg01{
				background-color: #EDF6FF;
				overflow: hidden;
			}
			.div01{
				width: 45%;
				float: left;
				background: url(img/001.png) 0 0 no-repeat;
				
			}
			.div01 img {
				position: relative;
				top:30px;
				left:30px;
			}
			.div02{
				width: 49%;
				float: right;
			}
			p{
			   font-family: "微软雅黑";
			   line-height: 3px;
			}
			.p01{
				color: #838487;
				font-size: 16px;
				margin-top: 40px;
			}
			.p02{
				color: #000000;
				font-size: 20px;
				font-weight: bolder;
			}
			.p03{
				color: #838487;
				font-size: 12px;
			}
			.div02 button{
				color: #ffffff;
				font-family: "微软雅黑";
				background-color: #E50055;
				font-size: 14px;
				border-style: none;
				padding: 2px 8px;
			}
		</style>
	</head>
	<body>
		<div>
			<ul>
				<li class="bg01">
					<div class="div01">
						<img src="img/002.png" />
					</div>
					<div class="div02">
						<p class="p01">美帝慧儿美帝慧儿</p>
						<p class="p02">全场4.2折</p>
						<p class="p03">1/4&nbsp;1/5</p>
						<button>入场疯抢</button>
					</div>
				</li>
				<li class="bg01">
					<div class="div01">
						<img src="img/002.png" />
					</div>
					<div class="div02">
						<p class="p01">美帝慧儿美帝慧儿</p>
						<p class="p02">全场4.2折</p>
						<p class="p03">1/4&nbsp;1/5</p>
						<button>入场疯抢</button>
					</div>
				</li>
				<li class="bg01">
					<div class="div01">
						<img src="img/002.png" />
					</div>
					<div class="div02">
						<p class="p01">美帝慧儿美帝慧儿</p>
						<p class="p02">全场4.2折</p>
						<p class="p03">1/4&nbsp;1/5</p>
						<button>入场疯抢</button>
					</div>
				</li>
				<li class="bg01">
					<div class="div01">
						<img src="img/002.png" />
					</div>
					<div class="div02">
						<p class="p01">美帝慧儿美帝慧儿</p>
						<p class="p02">全场4.2折</p>
						<p class="p03">1/4&nbsp;1/5</p>
						<button>入场疯抢</button>
					</div>
				</li>
				<li class="bg01">
					<div class="div01">
						<img src="img/002.png" />
					</div>
					<div class="div02">
						<p class="p01">美帝慧儿美帝慧儿</p>
						<p class="p02">全场4.2折</p>
						<p class="p03">1/4&nbsp;1/5</p>
						<button>入场疯抢</button>
					</div>
				</li>
			</ul>
		</div>
	</body>
</html>
